{template 'header.html'}
<!-- 面包屑导航开始 -->
{template 'position.html'}
<!-- 面包屑导航结束 -->

<style type="text/css">
	.projectitem {width:33%;}
	@media (max-width: 768px) {
    .projectitem {width:auto;}
	.list-container .col-md-2 {display:none;}
	}
</style>
<!-- 中部开始 -->
<div class="container list-container">
	<div class="row">
		<div class="col-md-3">
			{template 'products_left.html'}
		</div>

		<div class="col-md-9">
			<ul class="row cd-gallery">

						{loop $archives $i $archive}
						{if $i%2==0}<div class="clearfix"></div>{else}{/if}
						<li class="col-xs-12 col-sm-6 col-md-6">
							<a href="{$archive['url']}" class="img-auto">
								<ul class="cd-item-wrapper">

								{if $archive['pics']}
				{loop $archive['pics'] $k $pics}
				<li class="{if $k==1}selected{/if}{if $k==2} move-right{/if}"><img src="{$pics['url']}" alt="{$pics['alt']}"></li>
				{/loop}
				{/if}
				
			</ul> 				
							</a>
							<h5>{$archive['title']}</h5>
							{if $archive['attr2']}
							<p>{lang('price')}：{lang('unit')}<span>{$archive['attr2']}</span></p>
							{/if}
						</li>
						{/loop}
		</ul>
			</div>
			<!-- 内容列表分页开始 -->
			{if isset($pages)}
			<div class="blank30"></div>
				{category_pagination($catid)}
			<div class="blank30"></div>
			{/if}
			<!-- 内容列表分页结束 -->
			</div>
	</div><!-- /row -->
</div><!-- /container -->
<!-- /中部开始 -->

<div class="blank30"></div>


<!-- 页底推荐图文产品开始 -->
{tag_内容页底图文产品三条}
<!-- 页底推荐图文产品结束 -->

<script src="{$skin_path}/js/jquery.mobile.min.js"></script>
<script src="{$skin_path}/js/products-pic.js"></script> <!-- Resource jQuery -->
{template 'footer.html'}